<template>
   <ul class="tabbar">
    <router-link tag="li" to="/">
      <p>首页</p>
    </router-link>
    <router-link tag="li" to="/">
       <p>点单</p>
    </router-link>
    <router-link tag="li" to="/">
      <p>购物车</p>
    </router-link>
    <router-link tag="li" to="/">
      <p>我的</p>
    </router-link>
   </ul>
</template>
<style lang="less" scoped>
.tabbar{
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    li{
        width: 25%;
    }
}
</style>